<template> 
  <div class="container"> 

    <Category title="游戏" >
      <template scope="lingchen">
        <ul>
          <li v-for="(g, index) in lingchen.games" :key="index">{{g}}</li> 
        </ul>
      </template> 
    </Category> 

    <Category title="游戏" >
      <template scope="{games}">
        <ol>
          <li style="color:red" v-for="(g, index) in games" :key="index">{{g}}</li> 
        </ol> 
      </template>  
    </Category> 

    <Category title="游戏" > 
      <template slot-scope="{games}">
        <h4 v-for="(g, index) in games" :key="index">{{g}}</h4>
      </template>  
    </Category> 
 
  </div> 
</template>

<script>
 
  import Category from './components/Category' 
  
  export default {
    name:'App', 
    components:{Category},
    
  }
</script>

<style>
  .container, .foot, h4{
    display: flex;
    justify-content: space-around;
  }
  img, video {
    width: 100%;
  } 
</style>
 